<style tyle="text/css">
    .modal-lg {
      width: 90%;
    }
</style>

<div class="modal-header">
    <h4 class="modal-title">分配接口</h4>
</div>
<div class="modal-body">
  <div class="wrapper-md ng-scope">
    <div class="row">
    
      <!-- 第一个候选框 -->
      <div class="col-md-3">
        <div class="panel panel-default">
          <div class="panel-heading font-bold">模块编码:</div>
          <div style="height:360px; overflow:auto">
            <table class="table table-hover ng-isolate-scope no-footer">
              <tbody>
                <tr ng-repeat="center in center_list">
                  <td ng-click="search(center.center_code)"><a href="">{{center.label}}</a></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <!-- 第二个候选框 -->
      <div class="col-md-5">
        <div class="panel panel-default">
          <div class="panel-heading font-bold">
            接口列表:<input type="text" style="width:250px" ng-model="search.id">
          </div>
          <div style="height:360px; overflow:auto">
            <table class="table table-hover ng-isolate-scope no-footer">
              <tbody>
                <tr ng-repeat="info in interface_list | filter:{'id': search.id}">
                  <td ng-dblclick="select(info)" ng-if="info.exist != 1">
                    <a href="" popover-trigger="mouseenter" popover="{{info.description}}">
                      {{info.name + info.id}}
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <!-- 第三个候选框 -->
      <div class="col-md-4">
        <div class="panel panel-default">
          <div class="panel-heading font-bold">已选接口:</div>
          <div style="height:360px; overflow:auto">
            <table class="table table-hover ng-isolate-scope no-footer">
              <tbody>
                <tr ng-repeat="info in interface_sel">
                  <td ng-dblclick ="unselect($index)" >
                    <a href="" ng-class="{true:'red',false:''}[{{info.red == 1}}]">{{info.name+info.id}}</a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
<div class="modal-footer">
    <button class="btn btn-success" type="button" ng-click="ok()">确定</button>
    <button class="btn btn-danger" type="button" ng-click="cancel()">取消</button>
</div>
